<!-- slot插槽 具名插槽 默认插槽 作用域插槽  (具名插槽 name="xxx" 默认插槽 不用管 默认是default,作用域插槽可以传递数据) -->
<!--  -->
<script setup lang='ts'>
import Slot from './components/slot.vue'

</script>

<template>
  <div>
    <Slot>
        <template #default>
          <div>
          这就是默认插槽
          </div>
        </template>
      <template #haveName>
        <div>
          这就是具名插槽啊
        </div>
      </template>
      <template #dataSlot="{ want }">
        {{ want }}
        这是作用域插槽啊
      </template>
    </Slot>
  </div>
</template>

<style lang='scss' scoped>

</style>